.container {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

#mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}

//01注册活动
#register_01 {
    img {
        width: 100%;
        display: block;
    }
}

.footFixed {
    left: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    img {
        display: block;
        width: 100%;
    }
}

#register_box {
    header {
        img {
            width: 100%;
            //          height: 323px;
            display: block;
        }
    }
    section {
        background: url(../image/activity/01_register/images/line.jpg) repeat-x;
        padding: 18px 11% 40px 11%;
        input[type=number],
        input[type=password] {
            width: 100%;
            height: 40px;
            border-radius: 20px;
            padding-left: 30px;
            margin: 0;
            font-family: Helvetica;
        }
        input::-webkit-input-placeholder {
            font-size: 14px;
            color: #c9c9c9;
            padding-top: 3px;
        }
        input::-moz-placeholder {
            font-size: 14px;
            color: #c9c9c9;
            padding-top: 3px;
        }
        input::-ms-input-placeholder {
            font-size: 14px;
            color: #c9c9c9;
            padding-top: 3px;
        }
        p {
            font-size: 14px;
            color: #ffcfcd;
            padding-left: 30px;
            margin-bottom: 5px;
        }
        em {
            color: #ffea37;
            text-decoration: underline;
        }
        .xieyi {
            margin-top: 30px;
            text-align: center;
            font-family: Helvetica;
            input {
                vertical-align: middle;
            }
            a {
                font-size: 13px;
                color: #fff;
            }
        }
        button#send {
            width: 100%;
            margin-top: 15px;
            height: 40px;
            font-size: 15px;
            border-radius: 20px;
            background: #ffe270;
            color: #ad5405;
            -webkit-box-shadow: 0 4px 0px #f8c14b;
            border: none;
        }
        button#send.error {
            background: #e4e4e4;
            color: #707070;
            -webkit-box-shadow: 0 4px 0px #c8c8c8;
        }
        div#yanzheng {
            position: relative;
            button {
                position: absolute;
                font-size: 15px;
                color: #d7251a;
                right: 15px;
                top: 10px;
                background: none;
                border: none;
                padding: 0;
            }
        }
    }
    .prosit {
        text-align: center;
        width: 100%;
        padding: 0 13%;
        position: absolute;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        top: 50%;
        img#imgbox {
            width: 100%;
            height: 388px;
        }
        img#imgesc {
            position: absolute;
            right: 15%;
            top: 28px;
            width: 18px;
            height: 18px;
        }
    }
    @media screen and (min-width:320px) and (max-width:360px) {
        .prosit {
            text-align: center;
            width: 100%;
            padding: 0 11%;
            position: absolute;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            top: 50%;
            img#imgbox {
                width: 100%;
                height: 340px;
            }
            img#imgesc {
                position: absolute;
                right: 15%;
                top: 28px;
                width: 18px;
                height: 18px;
            }
        }
    }
}

//02风险评测
#Evaluation {
    .Evaluation_box {
        background: #fff;
        padding: 20px 15px;
        img#one_bg {
            width: 100%;
        }
        h1 {
            font-size: 18px;
            color: #333;
            font-weight: 300;
            font-family: Helvetica;
            padding-left: 5px;
        }
        ul {
            padding-top: 20px;
            li {
                .mui-input-row label {
                    width: 100%;
                    font-size: 16px;
                    color: #333;
                    padding-left: 28px;
                    line-height: 1.5;
                }
                .mui-radio input[type=radio] {
                    top: 18px;
                    left: 0;
                }
                .mui-radio input[type=radio]:before {
                    font-size: 22px;
                    content: '\e411'
                }
                .mui-radio input[type=radio]:checked:before {
                    color: #FB5A5C;
                    font-size: 22px;
                    content: '\e442'
                }
            }
        }
        .Evaluation_Result {
            margin-top: 20px;
            h2 {
                font-size: 14px;
                color: #666;
                font-weight: normal;
            }
            strong {
                font-size: 37px;
                color: #FB5A5C;
                font-family: Helvetica;
            }
            p {
                font-size: 15px;
                color: #999;
            }
        }
    }
    .Evaluation_prev {
        padding-top: 18px;
        padding-left: 40px;
        span {
            font-size: 16px;
            color: #0097E2;
        }
    }
    .Evaluation_btn {
        padding: 0 15px;
        margin-top: 60px;
        overflow: hidden;
        text-align: center;
        button {
            width: 100%;
            background: #FB5A5C;
            font-size: 18px;
            color: #fff;
            letter-spacing: 2px;
            height: 48px;
            border: none;
            cursor: pointer;
        }
        button:active {
            background: #f71518;
        }
        button.btn-disabled {
            background: #bebebe;
        }
        span {
            font-size: 14px;
            color: #0097E2;
            margin-top: 20px;
            display: block;
        }
    }
}

//03关键字活动
#Keyword_03 {
    header {
        img {
            width: 100%;
        }
    }
    .SeeKeyword {
        text-align: center;
        margin-bottom: 20px;
        img {
            width: 59%;
        }
    }
    .Flop {
        margin-top: 20px;
        background: url(../image/activity/03_Keyword/bg.png) no-repeat center center;
        width: 100%;
        padding-top: 124.66%;
        background-size: cover;
        position: relative;
        ul {
            box-sizing: border-box;
            position: absolute;
            top: 13%;
            .flex();
            justify-content: space-around;
            -webkit-justify-content: space-around;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
        }
        li {
            transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            width: 23.33%;
            margin-left: 1.3%;
            margin-right: 1.3%;
            margin-bottom: 20px;
            img {
                width: 100%;
            }
        }
        li.star {
            animation: fan .4s ease-in-out infinite alternate;
        }
    }
    .gundong {
        margin-top: 65px;
        margin-left: 4%;
        margin-right: 4%;
        width: 92%;
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        padding-right: 7px;
        background: url(../image/activity/03_Keyword/gun_bg.png) no-repeat center center;
        background-size: cover;
        overflow: hidden;
        div {
            word-break: keep-all;
            white-space: nowrap;
            animation: marquee 15s linear .5s infinite;
            -webkit-animation: marquee 15s linear .5s infinite;
        }
        span {
            font-size: 14px;
            color: #fff;
            margin-right: 10px;
        }
    }
    footer {
        margin-top: 45px;
        img {
            width: 100%;
        }
    }
    @keyframes fan {
        form {
            transform: rotateY(0deg);
            -webkit-transform: rotateY(0deg);
        }
        to {
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
        }
    }
    @-webkit-keyframes fan {
        form {
            transform: rotateY(0deg);
            -webkit-transform: rotateY(0deg);
        }
        to {
            transform: rotateY(180deg);
            -webkit-transform: rotateY(180deg);
        }
    }
    @keyframes marquee {
        form {
            transform: translate(100%, 0);
            -webkit-transform: translate(100%, 0);
        }
        to {
            transform: translate(-500%, 0);
            -webkit-transform: translate(-500%, 0);
        }
    }
    @-webkit-keyframes marquee {
        form {
            transform: translate(100%, 0);
            -webkit-transform: translate(100%, 0);
        }
        to {
            transform: translate(-500%, 0);
            -webkit-transform: translate(-500%, 0);
        }
    }
}

#keyword_box {
    padding-top: 5%;
    img {
        width: 100%;
    }
}

//邀友活动
#share_04 {
    position: relative;
    img {
        display: block;
        width: 100%;
    }
}

.shareList {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 111;
    background: rgba(0, 0, 0, .6);
    .shareList_box {
        border-radius: 20px;
        position: absolute;
        width: 91%;
        margin: 0 4.5%;
        background: #fff;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        top: 50%;
        padding-top: 25px;
        padding-left: 6%;
        padding-bottom: 20px;
        li {
            img {
                width: 6px;
                height: 6px;
                vertical-align: middle;
            }
            margin-bottom: 20px;
            color: #64aafd;
            font-size: 15px;
            font {
                color: #f98a6d;
                font-size: 20px;
                margin: 0 3px;
            }
        }
        table {
            background: #ffeee0;
            width: 100%;
            margin-left: -3%;
            border-radius: 15px;
            tr {
                height: 40px;
            }
            th,
            td {
                text-align: center;
                font-size: 13px;
                color: #723200;
            }
        }
        img#esc {
            width: 19px;
            height: 19px;
            position: absolute;
            right: 10px;
            top: 10px;
        }
    }
}

#sanba_05 {
    position: absolute;
    z-index: 999;
    left: 4.6%;
    right: 4.6%;
    bottom: 0;
    top: 1.5%;
    .zfx {
        width: 100%;
        background: url(../image/activity/05_38/zf_bg.png) no-repeat center center;
        padding-top: 83%;
        background-size: cover;
        position: relative;
        margin-top: 20px;
        .zfx_box {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            padding: 10.4% 10.4% 0 10.4%;
            .zfx_to {
                img {
                    width: 30px;
                    height: 15.5px;
                    vertical-align: middle;
                }
                input[type="text"] {
                    border: none;
                    width: 90px;
                    height: 31.5px;
                    font-size: 14px;
                }
            }
            .zfx_content {
                ul {
                    li {
                        position: relative;
                        color: #9e5b69;
                        font-size: 16px;
                        padding-bottom: 5px;
                        height: 41px;
                        line-height: 54px;
                        &:before {
                            content: "";
                            height: 1px;
                            background-color: #d3b0b5;
                            position: absolute;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            transform: scaleY(.5);
                            -webkit-transform: scaleY(.5);
                            -ms-transform: scaleY(.5);
                            -moz-transform: scaleY(.5);
                        }
                        ;
                    }
                }
                .zfx_from {
                    position: absolute;
                    right: 7.1%;
                    bottom: 4%;
                    img {
                        width: 72px;
                        height: 16.5px;
                    }
                    input[type="text"] {
                        border: none;
                        width: 90px;
                        height: 31.5px;
                        font-size: 14px;
                    }
                }
            }
        }
        img.shou {
            width: 109.2%;
            position: absolute;
            bottom: -38%;
            left: -4.6%;
        }
    }
    .share {
        margin-top: 11%;
        position: relative;
        z-index: 999;
        h1 {
            color: #a86969;
            font-size: 13px;
            text-align: center;
            font-weight: 300;
            position: relative;
            top: -10px;
            em {
                color: #d22a44;
            }
        }
        img {
            width: 100%;
        }
    }
    .zf_list {
        margin-top: 30px;
        ul {
            .flex();
            justify-content: space-between;
            -webkit-justify-content: space-between;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            li {
                width: 47.345%;
                margin-bottom: 10px;
                text-align: center;
                position: relative;
                img {
                    width: 100%;
                }
                p {
                    font-size: 13px;
                    color: #a86969;
                    font-weight: 300;
                    em {
                        color: #e63a62;
                    }
                }
                button {
                    width: 42%;
                    height: 26px;
                    font-size: 12px;
                    padding: 0;
                    border: none;
                    background-color: #e63a62;
                    border-radius: 0;
                    color: #fff;
                    position: absolute;
                    bottom: 28%;
                    left: 28%;
                }
                button.btn-disabled {
                    background: #b3b3b3;
                    display: none;
                }
            }
        }
    }
    .fixed_r {
        position: fixed;
        right: 10px;
        top: 22%;
        z-index: 1000;
        li {
            img {
                width: 48px;
                height: 48px;
            }
        }
    }
    .dialog {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .7);
        z-index: 1111;
        .dialog_bg {
            width: 84%;
            left: 8%;
            position: fixed;
            background: #f7f0f3;
            border-radius: 16px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            top: 50%;
            padding: 4%;
            .dialog_bg_box {
                background: #ffffff;
                padding: 40px 0 20px 0;
                .dialog_bg_box_hongbao {
                    ul {
                        text-align: center;
                        li {
                            position: relative;
                            display: inline-block;
                            margin-bottom: 20px;
                            width: 58.6%;
                            img {
                                width: 100%;
                            }
                            .jine_l {
                                position: absolute;
                                font-size: 12px;
                                top: 24%;
                                left: 7%;
                                color: #fff;
                                em {
                                    font-size: 26px;
                                }
                            }
                            .jine_r {
                                position: absolute;
                                padding: 3px;
                                background: #f64972;
                                font-size: 10px;
                                color: #fff;
                                right: 16%;
                                top: 27%;
                            }
                        }
                    }
                }
                //活动规则
                .dialog_bg_box_hdgz {
                    h1 {
                        font-size: 13px;
                        color: #6b6670;
                    }
                }
            }
        }
    }
    .mquery {
        position: fixed;
        height: 30px;
        left: 0;
        right: 0;
        top: 0;
        font-size: 14px;
        color: #fff;
        z-index: 1110;
        background: rgba(254, 147, 146, .7);
        .swiper-container {
            padding: 5px 10px 5px 10px;
        }
        .swiper-container-free-mode>.swiper-wrapper {
            -webkit-transition-timing-function: linear;
            -moz-transition-timing-function: linear;
            -ms-transition-timing-function: linear;
            -o-transition-timing-function: linear;
            transition-timing-function: linear;
            margin: 0 auto;
        }
        .swiper-slide {
            text-align: center;
            white-space: nowrap;
            margin-right: 50%;
        }
    }
}

//邀友活动长期
#InviteFriends_07 {
    position: relative;
    img {
        width: 100%;
        display: block;
    }
    .wrap {
        position: absolute;
        top: 23%;
        text-align: center;
        img {
            width: 36%;
            display: inline-block;
        }
        img:first-child {
            margin-right: 10%;
        }
    }
    .footFixed {
        background: url("../image/activity/07_InviteFriends/yq.png") no-repeat center center;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: cover;
        height: 45px;
        box-sizing: border-box;
        font-size: 0;
        -webkit-text-size-adjust: none;
        span {
            display: inline-block;
            width: 49%;
            text-align: center;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            padding-left: 26px;
        }
    }
    .mask {
        //二维码
        .core {
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 87%;
            height: 323px;
            position: absolute;
        }
        img#esc {
            width: 23px;
            height: 23px;
            position: absolute;
            top: -3%;
            right: 8%;
            display: block;
        }
        #qrcode {
            position: absolute;
            width: 30%;
            top: 16%;
            left: 35%;
        }
        //活动规则
        .box {
            width: 91%;
            border-radius: 10px;
            height: 82%;
            background: #ffeabf;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            position: absolute;
            .hdgz,
            .yqjl {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                overflow: hidden;
                overflow-y: auto;
                border-radius: 10px;
            }
            #gzesc {
                position: absolute;
                right: -12px;
                top: -12px;
                width: 23px;
                height: 23px;
                z-index: 999;
            }
            img {
                width: 100%;
            }
            .yqjl_list {
                padding: 0 5px;
                ul {
                    padding-left: 15%;
                    li {
                        font-size: 15px;
                        color: #f2840d;
                        margin-top: 13px;
                        em {
                            font-size: 19px;
                            color: #51b7ff;
                            margin-right: 1px;
                        }
                    }
                }
                dl {
                    border: 1px solid #ffcd66;
                    dt {
                        margin: 0;
                        padding: 0;
                    }
                    dd {
                        margin: 0;
                        padding: 0 15px;
                        display: block;
                        h1 {
                            margin: 0;
                            font-size: 14px;
                            color: #555462;
                            position: relative;
                            line-height: 45px;
                            &:before {
                                .border-bottom();
                                background: #e7e7e7;
                            }
                        }
                        p {
                            line-height: 40px;
                            margin: 0;
                        }
                    }
                    dd:nth-child(odd) {
                        background: #ffffff;
                    }
                    dd:nth-child(even) {
                        background: #f0faff;
                    }
                }
            }
        }
    }
}

//08_518
#InviteFriends_08 {
    position: relative;
    img {
        width: 100%;
        display: block;
    }
    img#goumai {
        width: 54%;
        position: absolute;
        left: 23%;
    }
    img#yaoyoujilu {
        width: 49.8%;
        position: absolute;
        left: 25%;
        top: 51.6%;
    }
    img#fxyy {
        position: absolute;
        width: 36.5%;
        top: 73.5%;
        left: 8.5%;
    }
    img#dmyy {
        position: absolute;
        width: 36.5%;
        top: 73.5%;
        right: 8.5%;
    }
    img#huodongguize {
        position: absolute;
        width: 12.4%;
        right: 5%;
        top: 0;
    }
    img#hdgz_title {
        width: 50%;
        left: 26%;
        top: 7%;
        position: absolute;
    }
    img#esc1 {
        position: absolute;
        width: 23px;
        height: 23px;
        top: 14%;
        right: 4%;
    }
    .mask {
        //二维码
        .core {
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            width: 87%;
            height: 323px;
            position: absolute;
        }
        img#esc {
            width: 23px;
            height: 23px;
            position: absolute;
            top: -3%;
            right: 8%;
            display: block;
        }
        #qrcode {
            position: absolute;
            width: 30%;
            top: 16%;
            left: 35%;
        }
        .hdgz_box {
            width: 91%;
            left: 4.5%;
            height: 70%;
            background: #251c87;
            top: 18%;
            position: absolute;
            border-radius: 10px;
            padding: 10px;
            ul {
                padding-left: 13%;
                li {
                    font-size: 16px;
                    color: #fff;
                    margin-top: 10px;
                    em {
                        font-size: 19px;
                        color: #51b7ff;
                    }
                }
            }
            .box {
                background: #fff;
                height: 100%;
                border-radius: 8px;
                -webkit-overflow-scrolling: touch;
                overflow-y: auto;
                padding: 10px;
                img {
                    width: 100%;
                }
                dl {
                    dt {
                        margin: 0;
                        padding: 0;
                    }
                    dd {
                        margin: 0;
                        display: block;
                        h1 {
                            margin: 0;
                            font-size: 14px;
                            color: #555462;
                            position: relative;
                            line-height: 45px;
                            &:before {
                                .border-bottom();
                                background: #e7e7e7;
                            }
                        }
                        p {
                            line-height: 40px;
                            margin: 0;
                        }
                    }
                    dd:nth-child(odd) {
                        background: #ffffff;
                    }
                    dd:nth-child(even) {
                        background: #f0faff;
                    }
                }
            }
        }
    }
}

#Answer_09 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    .swiper-container {
        width: 100%;
        height: 100%;
        img {
            width: 100%;
        }
    }
    p{
        margin-top: 15px;
        text-align: center;
        font-size: 16px;
        color: #54b8a0;
        text-decoration: underline;
    }
}